@charset "utf-8";

@font-face {
	font-family: 'UKIJ Tuz Tom';
	font-style: normal;
	font-weight: normal;
	src: url('https://uzdilim.github.io/css/UkijTuzTom.eot?#iefix');
	src: local('UKIJ Tuz Tom'), local('UKIJ Tuz Tom'), url('https://uzdilim.github.io/css/UkijTuzTom.ttf');
}

html {
	direction: rtl;
}

.clearfix:before,.header:before {
	content: "";
	display: table
}

.clearfix:after,.header:after {
	content: "";
	display: table;
	clear: both
}

html,body,p,dl,dt,dd,table,td,th,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,input {
	margin: 0;
	padding: 0;
	font-family: 'UKIJ Tuz Tom';
	font-weight: normal
}

html {
	overflow-y: scroll;
	margin: 0 auto !important;
	height: 100%;
	min-width: 320px;
	max-width: 720px;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none
}

body {
	position: relative;
	height: 100%;
	background-color: #f5f5f5;
	color: #333333;
	font-size: 1.16667rem
}

img,iframe {
	border: none
}

ul,li,ol {
	list-style: none
}

img {
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

input,button {
	outline: 0;
	border-radius: 0;
	background: transparent
}

em,b,i,strong,cite,sub,sup,font {
	font-weight: normal;
	font-style: normal;
	font-size: 110%
}

a {
	color: #333333;
	text-decoration: none;
	outline: none
}

.clear {
	clear: both
}

a,li,input,button,section,span,div {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-o-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0)
}

::-webkit-input-placeholder {
	color: #999999
}

::-moz-placeholder {
	color: #999999
}

:-moz-placeholder {
	color: #999999
}

.ui-touch {
	background-color: #f2f2f2
}

.wrapper {
	padding-bottom: 0.41667rem;
	font-size: 1.16667rem
}

.wrapper.wrapper_hasfixed {
	padding-top: 12.08333rem
}

.m-mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200;
	background-color: #000000;
	opacity: 0.5
}

.header {
	padding: 0 0.66667rem;
	color: #ffffff;
	background-color: #439cf3
}

.header .area-logo {
	margin-bottom: 1.25rem;
	overflow: hidden
}

.header .logo {
	float: left;
	margin-top: 1.75rem;
	width: 10.91667rem;
	height: 1.5rem;
	background: url(../images/logo.png) no-repeat;
	background-size: contain
}

.header .appdl {
	float: right;
	margin-top: 1.66667rem;
	color: #ffffff;
	padding: 0 0.625rem;
	height: 2rem;
	line-height: 2.16667rem;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	font-size: 0.91667rem;
	-moz-box-shadow: 0px 2px 7px rgba(2,80,156,0.1);
	-webkit-box-shadow: 0px 2px 7px rgba(2,80,156,0.1);
	box-shadow: 0px 2px 7px rgba(2,80,156,0.1);
	background-color: #ffffff;
	color: #439cf3;
	overflow: hidden
}

.header .appdl:before {
	content: "";
	float: left;
	margin-top: 0.66667rem;
	width: 0.66667rem;
	height: 0.75rem;
	background-image: url('../css/.com/css/');
	background-repeat: no-repeat;
	background-size: contain
}

.header .appdl:active {
	background: rgba(255,255,255,0.6)
}

.header .tianqi {
	float: right;
	margin-top: 1.16667rem;
	margin-right: 0.625rem;
	color: #ffffff;
	text-align: right;
	font-size: 0.83333rem
}

.header .tianqi .img-tq {
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 1.5rem;
	height: 1.5rem
}

.header .tianqi .l-1 {
	margin-top: 0.25rem;
	margin-bottom: 0.125rem;
	font-size: 1rem
}

.header .logo-title {
	position: relative;
	float: left;
	margin-left: 1.04167rem;
	margin-top: 1.70833rem;
	padding-left: 1.04167rem;
	font-size: 1.5rem
}

.header .logo-title:before {
	content: "";
	left: 0;
	position: absolute;
	width: 1px;
	height: 1.5rem;
	background-color: #bfddfb;
	overflow: hidden
}

.header-another {
	display: none;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.header_fixed {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50
}

.m-serch {
	position: relative;
	margin-top: 0.41667rem;
	margin-bottom: 0.66667rem;
	z-index: 21
}

.m-serch-area {
	position: relative;
	margin-top: 0.41667rem;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.m-serch-area:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -0.70833rem;
	left: 1rem;
	width: 1.33333rem;
	height: 1.41667rem;
	background-image: url('../js/.com/css/');
	background-repeat: no-repeat;
	background-size: contain
}

.m-serch-ipt {
	padding: 0 3.66667rem 0 3.33333rem;
	height: 3.66667rem;
	font-size: 1.33333rem;
	width: 100%;
	border: 0 none;
	background-color: #ffffff;
	color: #333333;
	-moz-border-radius: 0.16667rem 0 0 0.16667rem;
	-webkit-border-radius: 0.16667rem 0 0 0.16667rem;
	border-radius: 0.16667rem 0 0 0.16667rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	display: block
}

.m-serch-btn {
	position: relative;
	display: block;
	border: 0 none;
	width: 6.16667rem;
	height: 3.66667rem;
	text-align: center;
	line-height: 3.66667rem;
	font-size: 1.33333rem;
	color: #5e5e5e;
	background-color: #dde5ed;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dde5ed));
	background-image: -webkit-linear-gradient(top, #fff, #dde5ed);
	background-image: -moz-linear-gradient(top, #fff, #dde5ed);
	background-image: -o-linear-gradient(top, #fff, #dde5ed);
	background-image: linear-gradient(to bottom, #ffffff,#dde5ed);
	-moz-border-radius: 0 0.16667rem 0.16667rem 0;
	-webkit-border-radius: 0 0.16667rem 0.16667rem 0;
	border-radius: 0 0.16667rem 0.16667rem 0
}

.m-serch-btn:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6ecf2), to(#d8dde3));
	background-image: -webkit-linear-gradient(top, #e6ecf2, #d8dde3);
	background-image: -moz-linear-gradient(top, #e6ecf2, #d8dde3);
	background-image: -o-linear-gradient(top, #e6ecf2, #d8dde3);
	background-image: linear-gradient(to bottom, #e6ecf2,#d8dde3)
}

.m-serch-btn:active {
	background-color: #cad2da;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cad2da));
	background-image: -webkit-linear-gradient(top, #ececec, #cad2da);
	background-image: -moz-linear-gradient(top, #ececec, #cad2da);
	background-image: -o-linear-gradient(top, #ececec, #cad2da);
	background-image: linear-gradient(to bottom, #ececec,#cad2da)
}

.m-serch-iclose {
	position: absolute;
	width: 3.58333rem;
	height: 3.16667rem;
	right: 6.16667rem;
	cursor: pointer
}

.m-serch-iclose:before {
	content: "";
	display: block;
	width: 1.58333rem;
	height: 1.58333rem;
	margin: 1rem auto 0;
	background-image: url('../css/.com/css/');
	background-repeat: no-repeat;
	background-size: contain
}

.m-serch-iclose:active:before {
	background-image: url('../css/.com/css/')
}

.m-serch-think {
	position: absolute;
	width: 100%;
	margin-top: 0.16667rem;
	background-color: #ffffff;
	color: #333333;
	font-size: 1.33333rem;
	border: 1px solid rgba(64,64,64,0.14);
	box-shadow: 0px 3px 9.8px 0.2px rgba(0,0,0,0.055);
	-moz-border-radius: 0.16667rem;
	-webkit-border-radius: 0.16667rem;
	border-radius: 0.16667rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.m-serch-think ul {
	overflow: hidden
}

.m-serch-think ul li {
	position: relative;
	padding: 0 3.33333rem;
	height: 3.5rem;
	line-height: 3.5rem;
	border-bottom: 1px solid #e0e3e5
}

.m-serch-think ul li a {
	display: block;
	height: 3.33333rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.m-serch-think ul li a .key {
	color: #258df5
}

.m-serch-think ul li:before {
	content: "";
	position: absolute;
	width: 1.33333rem;
	height: 1.33333rem;
	top: 50%;
	left: 1.25rem;
	margin-top: -0.66667rem;
	background-image: url('../js/.com/css/');
	background-repeat: no-repeat;
	background-size: contain
}

.m-serch-think ul li .op {
	position: absolute;
	top: 0;
	right: 0;
	width: 3.5rem;
	height: 3.5rem;
	cursor: pointer
}

.m-serch-think ul li .op:before {
	content: "";
	display: block;
	width: 1.16667rem;
	height: 1.16667rem;
	margin: 1.16667rem auto 0;
	background-image: url('../css/.com/css/');
	background-repeat: no-repeat;
	background-size: contain
}

.m-serch-think ul li:active {
	background-color: #ededed
}

.m-serch-think ul li:last-child {
	border-bottom: 0 none
}

.m-serch-think ul .recom-item {
	height: 4.75rem;
	line-height: normal;
	padding: 0
}

.m-serch-think ul .recom-item:before {
	display: none
}

.m-serch-think ul .recom-item img {
	float: left;
	margin: 0.95833rem 0.66667rem 0;
	width: 2.83333rem;
	height: 2.83333rem
}

.m-serch-think ul .recom-item .trig {
	padding: 0;
	height: auto
}

.m-serch-think ul .recom-item .name {
	margin: 0.95833rem 0 0.41667rem;
	font-size: 1.33333rem
}

.m-serch-think ul .recom-item .desc {
	font-size: 1rem;
	color: #999999
}

.m-serch-think ul .recom-item .btn {
	position: absolute;
	padding: 0;
	top: 50%;
	margin-top: -1.16667rem;
	right: 1rem;
	width: 4.66667rem;
	height: 2.33333rem;
	line-height: 2.33333rem;
	background-color: #00a0e9;
	color: #ffffff;
	text-align: center;
	font-size: 1.33333rem;
	overflow: hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.m-serch-think-history ul li:before {
	width: 1.25rem;
	height: 1.25rem;
	left: 1.25rem;
	margin-top: -0.625rem;
	background-image: url('../css/.com/css/')
}

.m-serch-clear {
	position: relative;
	display: block;
	height: 3.54167rem;
	line-height: 3.54167rem;
	background-color: #f2f2f2;
	text-align: center;
	padding: 0 1.25rem;
	border-top: 1px solid #dcdcdc;
	-moz-border-radius: 0 0 0.16667rem 0.16667rem;
	-webkit-border-radius: 0 0 0.16667rem 0.16667rem;
	border-radius: 0 0 0.16667rem 0.16667rem
}

.m-serch-clear a {
	color: #666666
}

.m-serch-clear a.trig-clear {
	float: left
}

.m-serch-clear a.trig-close {
	float: right
}

.footer-site {
	text-align: center
}

.footer-site .links {
	margin-top: 1.66667rem;
	margin-bottom: 1.66667rem;
	font-size: 1.16667rem
}

.footer-site .links a {
	padding: 0 1.5rem;
	border-left: 1px solid #b6b6b6
}

.footer-site .links a:first-child {
	border-left: none
}

.footer-site .ex {
	padding-bottom: 1.25rem;
	color: #666666
}

.feed-loading {
	height: 4.41667rem;
	line-height: 4.41667rem;
	color: #999999;
	text-align: center
}

@media only screen and (max-width: 359px) {
	html {
		font-size: 12px
	}
}

@media only screen and (min-width: 360px) and (max-width: 399px) {
	html {
		font-size: 12px
	}
}

@media only screen and (min-width: 400px) {
	html {
		font-size: 12px
	}
}
